{% extends 'base.html' %}
{% load static %}

{% block title %}
Presurgery
{% endblock %}

{%block css%}

    <link rel="stylesheet" href="{% static  'home/style.css' %}">
    
{%endblock%}

{% block head %}




<script>
    let stressResponse = null;

    function toggleStressActivities(answer) {
        const stressActivities = document.getElementById("stress-activities");
        if (answer === "yes") {
            stressActivities.style.display = "block";
        } else {
            stressActivities.style.display = "none";
        }
    }

    function selectStressResponse(answer) {
        stressResponse = answer;
        const yesButton = document.getElementById("stress-yes");
        const noButton = document.getElementById("stress-no");

        // Highlight selected button
        yesButton.classList.toggle("selected", answer === "yes");
        noButton.classList.toggle("selected", answer === "no");

        // Show stress activities if 'yes' is selected
        toggleStressActivities(answer);
    }

    function toggleObservationArea(activityId) {
        const observationArea = document.getElementById(activityId + "-observation");
        observationArea.style.display = "block";
        document.getElementById(activityId + "-button").innerText = "Done";
    }

    function submitForm() {
        // Display success message and hide the form
        document.getElementById("success-message").style.display = "block";
        document.getElementById("form-container").style.display = "none";
    }
</script>

{% endblock %}

{% block body %}


    

    <main class="container">
        

        <article class="one">
            <h2>Welcome to Your Surgery Pre-Qualification Guide</h2>
            <p>
                Dear Sir/Madam,
                <br>
                Today you are starting the pre-habilitation process, that is, a series of small activities to be carried out with our help in the weeks before the operation, which serves to improve your physical and mental condition.
                
                Imagine surgery as a marathon. Just as you prepare ahead of time and with patience for a race, you do the same for surgery. Imagine doing your training with multiple coaches, each one specializing in a different aspect of health.
                
                The benefits of prehabilitation have already been demonstrated in other hospitals and, in this period, many other patients like you are following your same path. The advantages will be seen especially in the post-operative period and will translate into a quicker recovery and a quicker discharge.
                
                This agenda is a very important tool for pre-qualification; it will be useful both for remembering appointments and for recording your daily activities. Always carry it with you to the various scheduled meetings.
            </p>
        </article>
        <article class="three">
            <h2>Calendar</h2>
            <ul>
                <li><a href="{% url 'home:calendar' week='first' %}#1">FIRST WEEK</a></li>
                <li><a href="{% url 'home:calendar' week='second' %}#2">SECOND WEEK</a></li>
                <li><a href="{% url 'home:calendar' week='second' %}#3">THIRD WEEK</a></li>
                <li><a href="{% url 'home:calendar' week='fourth' %}#4">FORTH WEEK</a></li>
                <li><a href="{% url 'home:calendar' week='fifth' %}#5">FIFTH WEEK</a></li>
                <li><a href="{% url 'home:calendar' week='map' %}#6">MAP</a></li>
                
        </article>
        <article class="two">
            <h2>Exercise at Home</h2>
            <ul>
                <li><a href="{% url 'home:flexibility' %}">Flexibility</a></li>
                <li><a href="{% url 'home:muscle' %}">Muscle Strength</a></li>
                <li><a href="{% url 'home:equi' %}">Equilibrium</a></li>
                <li><a href="{% url 'home:train' %}">Training/Resistance</a></li>
                <li><a href="{% url 'home:raspi' %}">Raspiration</a></li>
                <li><a href="{% url 'home:example' %}">Example Form to Fill</a></li>
                <li><a href="{% url 'home:diet' %}">Diet</a></li>
                <li><a href="{% url 'home:worry' %}">Learn How to Manage Anxiety and Worry</a></li>
                <li><a href="{% url 'home:stomia' %}">In Case of Stomia</a></li>
        </article>
    </main>

    <footer>
        <div id="contact">
            <h3>Contact Us</h3>
            <p>If you have any questions, feel free to reach out to us at contact below:
                List of names and reference telephone numbers

                <h4>GENERAL SURGERY 4B</h4>

                <li>Secretariat 011-5082590</li>
                <li>Nurses 011-5082911</li>
                <li>Mrs. Ida Iannone 011-5085103</li>
                <li>Pre-admission 011-5082249</li>
                <li>Dr. Massucco, Dr. Gonella 011-5082621</li>

                <h4>RECOVERY AND REHABILITATION</h4>
                <li>Gym 011-5082058</li>
                <li>Coordinator 011-5082889, 011-5085143</li>
                <li>Dr. Cravero, Dr. Monasterolo 011-5082784, 011-5085494</li>

                <h4>DIETETICS AND CLINICAL NUTRITION</h4>
                <li>Dietitian 011-5082842/2992</li>
                <li>Dr. Vassallo 011-5082863</li>
                <li>Dr.ssa Demagistris 011-5082757</li>
                <li>Dietetics office 011-5082555</li>

                <h4>CLINICAL PSYCHOLOGY</h4>
                <li>Dr. Laezza 011-5082478</li>
                <li>Dr. Adragna 011-5082697</li>

                <h4>ENTEROSTOMY OUTPATIENT CLINIC</h4>
                <li>Enterostomist Valenti Antonio 011-5082746</li>

            </p>
        </div>
    </footer>
</div>
{% endblock %}